<template>
  <div class="second_con">
    <div class="first_title">恭喜您抽中二等奖</div>

    <div class="second_zone">
      <p class="second_get">瓜分到</p>
      <p class="second_prize">{{ prizeDetail.price }}元</p>
    </div>
    <slot></slot>

    <div class="first_rules">
      7月22日 23:59:59前需在 我的奖品 中完成提现，过期作废
    </div>
  </div>
</template>

<script>
export default {
  computed: {
    memberDetail() {
      return this.$store.state.mainPage.memberDetail;
    },
    prizeDetail() {
      return this.memberDetail.prizeDetail;
    }
  }
};
</script>

<style lang="scss">
@import "@/app.scss";

.second_con {
  text-align: center;
  .second_zone {
    margin: 67px auto 53px auto;
    text-align: center;
    .second_get {
      font-size: 30px;

      font-weight: bold;
      color: #2e2d2b;
    }

    .second_prize {
      font-size: 60px;
      margin-top: 34px;
      font-weight: bold;
      color: #f04d41;
    }
  }
}
</style>
